/** Scalar Tailwind Custom Variants */

/**
 * Dark Mode Variant
 *
 * Uses our dark mode class to determine if the variant should be applied.
 *
 * https://tailwindcss.com/docs/dark-mode#toggling-dark-mode-manually
 */
@custom-variant dark (&:where(.dark-mode, .dark-mode *));

/**
 * Custom breakpoint variant for zoomed in screens (should trigger at about 200% zoom)
 */
@custom-variant zoomed {
  @media (max-width: 720px) and (max-height: 480px) {
    @slot;
  }
}
